<template>
  <view class="home">
    <view class="bt" v-for="(item, index) in tp" :key="index">
      <p>
        <span>{{ item.name }}</span>
        <span>{{ item.t2 }}</span>
        <span>{{ item.t3 }}</span>
      </p>
      <image src="@/static/img/5.png" class="ntop" mode="widthFix"></image>
    </view>
  </view>
</template>

<script>
import { queryDeviceCounts, informationPage } from "@/config/api.js";

export default {
  data() {
    return {
      tp: [
        { name: "灭火器无法打开", t2: "故障设备：772587", t3: "一楼东侧" },
        { name: "灭火器无法打开", t2: "故障设备：772581", t3: "一楼东侧" },
      ],
      form: {
        deviceName: "",
        deviceDesc: "",
        totalAmount: "",
      },
    };
  },

  onShow(e) {
    // this._getList();
    // if (!uni.getStorageSync("loginTokens")) {
    //   uni.navigateTo({
    //     url: "/pages/login/login",
    //   });
    // }
  },
  mounted() {
    // this.cityName = this.columns[0].name
    // this.fetchData();
  },
  methods: {
    tj() {
      if (this.tp.length == 0) {
        uni.showToast({
          title: "请上传故障图片", // 提示文字
          icon: "none", // 不显示图标
          duration: 2000, // 显示时间
          mask: true, // 显示透明蒙层，防止触摸穿透
        });
        return false;
      }
      if (this.form.deviceName == "") {
        uni.showToast({
          title: "请输入故障设备", // 提示文字
          icon: "none", // 不显示图标
          duration: 2000, // 显示时间
          mask: true, // 显示透明蒙层，防止触摸穿透
        });
        return false;
      }
      if (this.form.deviceDesc == "") {
        uni.showToast({
          title: "请输入故障表述", // 提示文字
          icon: "none", // 不显示图标
          duration: 2000, // 显示时间
          mask: true, // 显示透明蒙层，防止触摸穿透
        });
        return false;
      }
      if (this.form.totalAmount == "") {
        uni.showToast({
          title: "请输入故障地点", // 提示文字
          icon: "none", // 不显示图标
          duration: 2000, // 显示时间
          mask: true, // 显示透明蒙层，防止触摸穿透
        });
        return false;
      }

      // 提交成功后的处理
      uni.showToast({
        title: "提交成功", // 提示文字
        icon: "success", // 成功图标
        duration: 2000, // 显示时长，默认是1500ms
        mask: true, // 是否显示透明蒙层，防止触摸穿透，默认false
        success: () => {
          // 提示框显示后，设置2秒（2000毫秒）的延迟
          setTimeout(() => {
            // 2秒后执行返回上一页的操作
            uni.navigateBack({
              delta: 1, // 返回的页面数，如果要返回到最开始的页面可以不传此参数
            });
          }, 2000);
        },
      });
    },
    de(e) {
      let that = this;
      that.tp.splice(e, 1);
    },
    fd(e) {
      uni.previewImage({
        urls: [e], //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了
        current: "", // 当前显示图片的http链接，默认是第一个
        success: function (res) {},
        fail: function (res) {},
        complete: function (res) {},
      });
    },
    sctp() {
      let that = this;
      uni.chooseImage({
        count: 3 - that.tp.length, // 默认9
        sizeType: ["original", "compressed"], // 可以指定是原图还是压缩图，默认二者都有
        sourceType: ["album"], // 从相册选择
        success: function (res) {
          // 使用扩展运算符或 concat 方法来合并数组，并直接赋值给 that.tp
          that.tp = [...that.tp, ...res.tempFilePaths];
          // 或者使用 concat 方法并赋值：that.tp = that.tp.concat(res.tempFilePaths);

          console.log(that.tp); // 查看更新后的数组
        },
        fail: function (err) {
          console.error("选择图片失败:", err);
        },
      });
    },
    // _getList() {
    //   informationPage({
    //     pageNo: 1,
    //     pageSize: 10,
    //     status: 2,
    //   }).then((res) => {
    //     console.log(res);
    //     if (res.list) {
    //       this.information = res.list;
    //     } else {
    //       this.information = [];
    //     }
    //   });
    // },

    go(e) {
      uni.navigateTo({
        url: e,
      });
    },
    // 数据加载
    async fetchData() {
      try {
        let response = [];
        if (this.tab == 2) {
          response = await queryDeviceCounts(this.page, this.pageSize, "");
        } else {
          response = await queryDeviceCounts(this.page, this.pageSize, 3);
        }
        this.items.push(...response.rows);
        this.page = this.page + 1;
        this.total = response.total;

        if (!response) {
          this.hasMoreData = false;
        }
        this.loading = false;
      } catch (error) {
        console.log("err", error);
        this.loading = false;
      }
    },
  },
};
</script>

<style lang="scss" scoped>
.bt {
  width: 670rpx;
  height: auto;
  display: block;
  float: left;
  margin: 40rpx 40rpx 0;
  border-radius: 20rpx;
  background: #ffffff;
}
.bt p {
  margin: 40rpx;
  width: 60%;
  display: block;
  float: left;
}
.bt p span {
  width: 100%;
  display: block;
  float: left;
  font-size: 24rpx;
  font-weight: 500;
  line-height: 44rpx;
  margin: 0;
  color: #333333;
}
.ntop {
  width: 120rpx;
  height: 100rpx;
  display: block;
  float: right;
  margin: 40rpx 40rpx 40rpx 0;
}
page {
  overflow: auto;
  background: rgb(242, 244, 248);
}
.home {
  height: 100vh;
  background: rgb(242, 244, 248);
}
</style>
